<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>1</p>
    <p>2</p>
    <p class="yty">3</p>
    <p>4</p>
    <p>5</p>

    <script>
const p=document.querySelector(".yty")
// 查询父元素
p.parentNode.style.border="1px solid red";
// 查询子元素
[...p.parentNode.children].forEach(p=>{
    p.style.border='1px solid yellow'
})
// 查询上一个元素
p.previousElementSibling.style.backgroundColor="red"
// 查询下一个元素
p.nextElementSibling.style.backgroundColor="green"
    </script>
</body>
</html>